<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="../vue.js" type="text/javascript" charset="utf-8"></script>
	<body>
		<div id="example">
		  <p>Original message: "{{ message }}"</p>
		  <p>Computed reversed message: "{{ reversedMessage }}"</p>
		</div>
	</body>
	<script type="text/javascript">
		
		var vm = new Vue({
		  el: '#example',
		  data: {
		    message: 'Hello'
		  },
		  created() {
			  console.log(this);
			(() =>{
				console.log(this,1);
			})()
		  },
		  computed: {
		    // 计算属性的 getter
		    reversedMessage:  function ()  {
		      // `this` 指向 vm 实例
		      return this.message.split('').reverse().join('')
		    }
		  }
		})
	</script>
</html>
